.kamanrider{
    width: 1140px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 70px;
    text-align: center;
    height: 750px;
}

.qishitu{
    width: 1140px;
    height: 700px;
    box-shadow: 2px 2px 5px #333333;
    border-radius: 10px;
    margin-top: 30px;
    padding: 30px;
    box-sizing: border-box;
}


.swiper{
    position: relative;
}
/* .swiper-content,.swiper-content>img{
    width: 360px;
    height: 640px;
    position: absolute;
    left: 0;
    top: 0;
} */
.swiper-content,.swiper-content>div{
    width: 360px;
    height: 640px;
    position: absolute;
    left: 0;
    top: 0;
}
.swiper-content>div:nth-of-type(1){
    background:url("../平成初始/psb.jpg");
    background-size: 360px 640px;
}
.swiper-content>div:nth-of-type(1):hover{
    background:url("../平成/kuuga.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(2){
    background:url("../平成初始/psb\ \(1\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(2):hover{
    background:url("../平成/agito.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(3){
    background:url("../平成初始/psb\ \(2\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(3):hover{
    background:url("../平成/龙骑.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(4){
    background:url("../平成初始/psb\ \(3\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(4):hover{
    background:url("../平成/555.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(5){
    background:url("../平成初始/psb\ \(4\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(5):hover{
    background:url("../平成/blade.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(6){
    background:url("../平成初始/psb\ \(5\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(6):hover{
    background:url("../平成/响鬼.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(7){
    background:url("../平成初始/psb\ \(6\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(7):hover{
    background:url("../平成/kabuto.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(8){
    background:url("../平成初始/psb\ \(7\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(8):hover{
    background:url("../平成/den-o.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(9){
    background:url("../平成初始/psb\ \(8\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(9):hover{
    background:url("../平成/kiva.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(10){
    background:url("../平成初始/psb\ \(9\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(10):hover{
    background:url("../平成/decade.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(11){
    background:url("../平成初始/psb\ \(10\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(11):hover{
    background:url("../平成/W.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(12){
    background:url("../平成初始/psb\ \(11\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(12):hover{
    background:url("../平成/ooo.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(13){
    background:url("../平成初始/psb\ \(12\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(13):hover{
    background:url("../平成/fourze.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(14){
    background:url("../平成初始/psb\ \(13\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(14):hover{
    background:url("../平成/wizard.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(15){
    background:url("../平成初始/psb\ \(14\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(15):hover{
    background:url("../平成/铠武.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(16){
    background:url("../平成初始/psb\ \(15\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(16):hover{
    background:url("../平成/drive.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(17){
    background:url("../平成初始/psb\ \(16\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(17):hover{
    background:url("../平成/ghost.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(18){
    background:url("../平成初始/psb\ \(17\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(18):hover{
    background:url("../平成/ex-aid.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(19){
    background:url("../平成初始/psb\ \(18\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(19):hover{
    background:url("../平成/build.jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(20){
    background:url("../平成初始/psb\ \(19\).jpg");
    background-size: 360px 640px;

}
.swiper-content>div:nth-of-type(20):hover{
    background:url("../平成/zi-o.jpg");
    background-size: 360px 640px;

}


.swiper-content{
    width: 100%;
    height: 100%;
}
.swiper-content img:first-child{
    z-index: 100;
}
.swiper button{
    width: 40px;
    height: 70px;
    z-index: 200;
    border: none;
    background:none;
    outline: none;
}
#prev{
    position: absolute;
    top: 50%;
    left: 0; 
    margin-top: 285px;
    transform: translateY(-50%);

}
#prev i,#next i{
    font-size: 30px;
    line-height: 70px;
}
#next{
    position: absolute;
    top: 50%;
    left: 0; 
    margin-top: 285px;
    transform: translateY(-50%);
    margin-left: 320px;
}
#prev:hover{
    cursor: pointer;
}
#next:hover{
    cursor: pointer;
}

.current{
    z-index: 100;
}

#btns div{
    width: 680px ;
    height: 640px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

#btns h1{
    margin-bottom: 20px;
}
#btns p{
    text-indent: 40px;
    line-height: 30px;
    font-size: 20px;
    color: #888;
    text-align: left;
}
